<template>
  <el-select :value="align" placeholder="请选择对齐方式" @input="change($event)">
    <el-option label="居左" value="left" />
    <el-option label="居中" value="center" />
    <el-option label="居右" value="right" />
  </el-select>
</template>

<script>
export default {
  name: 'Align',
  props: {
    align: {
      type: String,
      default: 'center'
    }
  },
  data() {
    return {
      // fontSize:14
    }
  },
  methods: {
    change: function(val) {
      this.$emit('alignChange', val)
    }
  }
}
</script>

<style scoped>

</style>
